<template>
	<gracePage headerBG="#FFFFFF" :rbWidth="80" statusBarBG="#1CA376" :bounding="false"> 
		<view class="main-bg-color" slot="gHeader">
			<view class="grace-header-body mx-2">
				<!-- 返回按钮 -->
				<view class="ml-2 mt-1"><image src="/static/images/logo.png" class="logoClass" mode="widthFix" lazy-load></image></view>
				<!-- 中间内容 -->
				<view class="grace-header-content-noflex text-center grace-white grace-h4">品味生活</view>
				<!-- 设置按钮 -->
				<view class="grace-header-icons  grace-white"></view>
			</view>
		</view>

		<view slot="gBody" class="grace-flex-v1 pt-5 lodingAnimation" id="gBody">
			<graceEmpty>
				<view slot="img" class="empty-view grace-flex-center">
					<!-- 请根据您的项目要求制作并更换为空图片 -->
					<image class="empty-img" mode="widthFix" src="/static/images/loding.png"></image>
					
				</view>
				<text slot="text" class="grace-text-small grace-gray">敬请期待~</text>
			</graceEmpty>
		</view>
	</gracePage>
</template>
<script>
import gracePage from '@/graceUI/components/gracePage.vue';
import graceEmpty from '@/graceUI/components/graceEmptyNew.vue';
export default {
	data() {
		return {};
	},
	methods: {
	
	},
	components: {
		gracePage,graceEmpty
	}
};
</script>
<style>
/* 头部 */
.logoClass {
	width: 95rpx;
	height: 30rpx !important;
}
.text-center{
	text-align: center;
}
</style>
